<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="//layui.hcwl520.com.cn/layui/css/layui.css" />
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script src="//layui.hcwl520.com.cn/layui/layui.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
</head>
<body>
<div id="app" style="width: 100%;height: 100%">
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="200">
            <col width="150">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>电话</th>
            <th>大学</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>{{info.name}}</td>
            <td>{{info.sex}}</td>
            <td>{{info.mobile}}</td>
            <td>{{info.school}}</td>
        </tr>
        <thead>
        <tr>
            <th>是否录用</th>
            <th>与岗位匹配度</th>
            <th>入职部门</th>
            <th>外貌</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>{{info.shi}}</td>
            <td>{{info.pi}}</td>
            <td>{{info.bu}}</td>
            <td>{{info.wai}}</td>
        </tr>
        </tbody>
    </table>
    <!--<div style="border: 1px solid greenyellow"><span>信息汇总</span>{{info}}</div>-->
</div>


<script>
    new Vue({
        el: '#app',
        data () {
            return {
                info: ""
            }
        },
        created () {
            // this.maps = getQueryVariable("map");s
                axios({
                    method: 'post',
                    url: 'http://127.0.0.1:8087/Ding/getAlls',
                    params: {
                        ids: getQueryVariable("map")
                    }
                }).then(data=> {
                    console.log("ids"+JSON.stringify(data.data.dingRuAll))
                    this.info = data.data.dingRuAll;
                    // this.ids = data.data.ids;
                    // location.href = "http://127.0.0.1:8087/test.html?idTwo="+data.data.ids;
                }).catch(function (error) { // 请求失败处理
                console.log(error);
            });
        }

    })
    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){return pair[1];}
        }
        return(false);
    }
    layui.use('form', function(){
        var form = layui.form;

    });
</script>
</body>
</html>